<!--
 * @Author: your name
 * @Date: 2020-09-29 08:58:28
 * @LastEditTime: 2020-10-14 18:36:44
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \longh_web\src\components\contentText\index.vue
-->
<template>
  <div class="main">
    <div class="content-txt">
      <div class="content-title">
        <h1>{{Info.title}}</h1>
        <div class="bar pb-24">
          <span class="date">发布时间：{{Info.createDate}}</span>
          <span class="source pl-24"> 来源：龙华政府在线</span>
        </div>
      </div>
      <div class="txt-box">
        <p v-html="Info.content">
        </p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      title: "123123",
    };
  },
  props: {
    Info: {
      type: Object, ///type: [String, Number],
      default: null,
    },
  },
};
</script>
<style lang="less" scoped>
.main {
  font-size: @font16;
  .content-txt {
    background: #fff;
    border-radius: 6px;
    padding: 24px;
  }
  .content-title {
    background-color: @bg-color-f5f;
    text-align: center;
    width: 1152px;
    h1 {
      font-size: @font26;
      color: @color-2A5;
      font-weight: bold;
      line-height: 36px;
      padding: 24px;
    }
    .bar {
      color: @text-color-606;
    }
  }
  .txt-box {
    padding: 24px;
    font-size: 16px;
    line-height: 28px;
    color: @text-color-606;
  }
}
</style>